<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css15 动态伪类</title>
    <style>
        /* 注意顺序不能换 首字母顺序lvha */
       a:link {
            color: orange;
        }
        /* 设置访问过的颜色 */
        a:visited{
            color: blue;
        }
        /* 选中鼠标悬浮的a元素 */
        a:hover
        {
            color: aqua;
        }
        /* 选中激活状态的颜色,就是点击时侯的颜色 */
        a:active
        {
            color: green;
        }
        span:hover
        {
            color: red;
        }
        /* :focus 只适合表单类，就是能够输入东西的 */
        input:focus,select:focus {
            color: orange;
            background-color: green;

        }
       </style>
</head>
<body>
    <a href="https://www.jd.com/" >去秒杀</a>
    <a href="https://www.baidu.com/" >百度</a>
    <span>喜欢你</span>
    <input type="text">
    <select>
        <option value="shanghai">shanghai</option>
    </body>
</select>
</html>